<template>
  <div class="stored">
    <nav-bar title="金币储值" class="navbar"/>
    <stroed-info :info="storedList.userinfo" class="stored_info"/>
    <stored-apply-type :storedList="storedList" class="stored_apply_type"/>
    <!-- <stored-mask-dlg :storedList="storedList" /> -->
    <stored-tips/>
  </div>
</template>

<script>
import axios from "axios"
import NavBar from '../../components/common/navbar/NavBar.vue'
import StroedInfo from './childComps/StroedInfo.vue'
import StoredApplyType from './childComps/StoredApplyType.vue'
import StoredNavBar from './childComps/StoredNavBar.vue'
import StoredMaskDlg from './childComps/StoredMaskDlg.vue'
import StoredTips from './childComps/StoredTips.vue'
export default {
  components: {
    NavBar,
    StroedInfo,
    StoredApplyType,
    StoredMaskDlg,
    StoredNavBar,
    StoredTips,
  },
  data() {
    return {
      storedList: {}
    }
  },
  created () {
    this.getStored();
  },
  methods: {
    getStored() {
      axios.get('/stored.json', {}).then(res => {
        console.log(res.data);
        this.storedList = res.data
      },error => {
        console.log(error);
      })
    }
  },
}
</script>

<style lang="less" scoped>
.stored {
  // position: fixed;
  // top: 0;
  // right: 0;
  // margin-left: 50%;
  // transform: translateX(-50%);
  // bottom: 0;
  width: 10rem;
  // height: 100%;
  // overflow: auto;
}
.stored_info {
  width: 10rem;
  margin: 1.44rem 0 0;

}

.stored_apply_type {
  width: 10rem;
}
</style>